<!DOCTYPE html>
<html>
<head>
    <title>打卡详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="__FRONT__/dist/lib/weui.min.css">
    <link rel="stylesheet" type="text/css" href="__FRONT__/dist/css/jquery-weui.min.css">
    <link rel="stylesheet" type="text/css" href="__FRONT__/dist/demos/css/demos.css">
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <style type="text/css">
        #logo img{
            width: 96%;
            margin: 0 2%;
        }

        #content{
            width: 100%;
            border-top: 1px solid #cdcdcd;
            border-bottom: 1px solid #cdcdcd;
        }

        .rule{
            width: 98%;
            margin-left: 2%;
            color: #dcd9d9;
            font-size: 12px;
            padding-top: 10px;
        }

        .details{
            width: 98%;
            margin: 8px 1%;
            border-top: 1px solid #cdcdcd;
            display: flex;
        }
        .head img{
            width: 60px;
            height: 60px;
            border-radius: 30px;
            margin: 10px 0;
        }

        .info{
            margin-top: 10px;
        }

        .info p{
            font-size: 12px;
            color: #cdcdcd;
            margin-left: 20px;
        }
        .info p:nth-of-type(1){
            color: black;
        }

        .info span{
            color:#0eed5d;
        }
    </style>
</head>
<body>
    <div id="container">
        <div id="logo">
            <img src="__FRONT__/img/details.jpg">
        </div>

        <div id="content">
            <div class="rule">
                按 > 打卡时间排序
            </div>
            {foreach $list as $vo}
            <div class="details">
                <div class="head">
                    <img src="__FRONT__/img/head.jpg">
                </div>
                <div class="info">
                    <p>{$vo['uid']|getMobileById}</p>
                    <p>打开时间{$vo['sign_date']|date='Y-m-d H:i:s',###}</p>
                    <p>已累计打卡<span>{$vo['signed_count']}天</span> 累计奖励金<span>{$vo['money']}</span>元</p>
                </div> 
            </div>
            {/foreach}

        </div> 


    <div class="weui-tabbar" style="border-top:1px solid #ccc;position: fixed;">
        <a href="{:url('Index/index')}" class="weui-tabbar__item">
            <div class="weui-tabbar__icon">
                <img src="__FRONT__/img/home.png" alt="">
            </div>
            <p class="weui-tabbar__label" style="color:#4ad1ff;">返回挑战首页</p>
        </a>
    </div>
    </div>
</body>
</html>